﻿<style type='text/css'>/*todo sorin remove this from here*/

.incident-title {
	font-size: 20px;
	line-height: 25px;
	color: #5a6165;
	font-weight: bold;
	padding-bottom: 10px;
}
.incident-source {
	font-size: 18px;
	line-height: 25px;
	color: #5a6165;
	font-weight: bold;
	padding-bottom: 10px;
}
.incident-left-container {
    float: left;
    width: 220px;
}
.incident-right-container {
    float: left;
    width: 800px;
}
</style>


<div sustainalytics-pager-scroll
     pager-scroll-skip="ciCtrl.incidentsSkip"
     pager-scroll-take="ciCtrl.incidentsTake"
     pager-scroll-forwindow="true"
     pager-scroll-reset="ciCtrl.resetScrollPager"
     pager-scroll-locked="ciCtrl.scrollPagerLocked">

    <div ng-if="ciCtrl.incidents"><br />
        <div ng-if="ciCtrl.eventIndicator.answerCategory > 2 && ciCtrl.isMainIncident" style="font-weight: bold; color: #7d1704; margin-left: 97px;">Main incident</div>
        <div class="clear"></div>
        <div ng-repeat="incident in ciCtrl.incidents track by $index" style="margin-bottom: 20px;">
            <div class="left-content">
                <bullet-graph></bullet-graph>
            </div>
            <div class="right-content">
                <div id="{{incident.id}}" class="title-company-extra" style="padding-bottom: 0; font-size: 19px;">
                    <span ng-if="incident.type === 1 || incident.type === 2" style="font-style: italic;">Update: </span>{{ incident.name }}
                </div>
                
                <div ng-if="incident.externalUrl == null" style="padding-bottom: 10px; font-weight: bold;" ng-bind-template=" {{incident.source}} - {{incident.incidentDate | date:'dd MMMM yyyy'}} "></div>
                <a ng-if="incident.externalUrl != null" href="{{incident.externalUrl}}" target="_blank">
                    <div style="padding-bottom: 10px; font-weight: bold;" ng-bind-template=" {{incident.source}} - {{incident.incidentDate | date:'dd MMMM yyyy'}} "></div>
                </a>                

                <div>  {{ incident.summary }} </div>
                <div ng-if="incident.analysis.length > 1"><b>Analysis:</b> {{ incident.analysis }}</div>
            </div>
            <div class="clear"></div>
            <div class="border-spacer" ng-if="incident.type === 0"></div>
        </div>
    </div>
    <div ng-if="ciCtrl.notFound">
        <div class="back-to-top"><a ng-click="ciCtrl.goToTop()">Back To Top</a></div>
    </div>
</div>
